{# src/Asiah/SiklusBundle/Resources/views/Blog/index.html.twig #}
{% extends 'AsiahSiklusBundle::base.html.twig' %}
{% block title %}Simple Shortener!!{% endblock %}
{% block stylesheets %}
	{{ parent() }}
	<link rel="stylesheet" href="{{ asset('bundles/asiahsiklus/css/home.css') }}" rel="stylesheet" />
{% endblock %}
{% block body %}
<div id="home" class="grid_12">
	<div id="maininput">
		<form method="post" action="{{ path('home') }}">
			<input type="text" name="url"/>
			<input type="submit" value="shorten"/>
		</form>
		{% if result=='benar' %}
			<a href="{{ short }}" target="_blank">http://sikl.us/{{short}} </a>
			<a href="{{path('bookmark')}}"> bookmark</a>
		{% elseif result == 'error' %}
			error
		{% endif %}
	</div>
	<div id="social">
		<a href="#"><img src="{{asset('bundles/asiahsiklus/images/facebook.png')}}" alt="fb icon"/></a>
		<a href="#"><img src="{{asset('bundles/asiahsiklus/images/facebook.png')}}" alt="fb icon"/></a>
		<a href="#"><img src="{{asset('bundles/asiahsiklus/images/facebook.png')}}" alt="fb icon"/></a>
		<a href="#"><img src="{{asset('bundles/asiahsiklus/images/facebook.png')}}" alt="fb icon"/></a>
	</div>
</div>
<div class="clear"></div>
<div id="toptag" class="grid_12">
	<div id="tags">
		<ul>
			<li>
				<a href="#">art</a>
			</li>
			<li>
				<a href="#">blog</a>
			</li>
			<li>
				<a href="#">css</a>
			</li>
			<li>
				<a class="active" href="#">design</a>
			</li>
			<li>
				<a href="#">art</a>
			</li>
			<li>
				<a href="#">blog</a>
			</li>
			<li>
				<a href="#">css</a>
			</li>
			<li>
				<a href="#">design</a>
			</li>
			<li>
				<a href="#">video</a>
			</li>
			<li>
				<a href="#">jquery</a>
			</li>
			<li>
				<a href="#">avenged</a>
			</li>
			<li>
				<a href="#">timnas</a>
			</li>
		</ul>
	</div>
	<div id="more">
		<a href="#">more→</a>
	</div>
</div>
<div class="clear"></div>
<div id="poplat" class="grid_12">
	<ul>
		<li>
			<a href="#" class="active">Popular</a>
		</li>
		<li>
			<a href="#" >Latest</a>
		</li>
	</ul>
</div>
<div class="clear"></div>
<div class="thumb grid_3">
	<div class="shadow title">
		<a href="#"> 
			<img class="imgthumb" src="bundles/asiahsiklus/images/thumb1.png" alt="thumb1"/> </a>
		<div class="info">
			<a href="#"> <h1>this is madness</h1> </a>
			<ul>
				<li>
					<a class="tags" href="#">satu</a>
				</li>
				<li>
					<a class="tags" href="#">dua</a>
				</li>
				<li>
					<a class="tags" href="#">sepuluh</a>
				</li>
			</ul>
		</div>
	</div>
	<div class="arrow"></div>
	<div class="prop">
		<div class="prop-icon">
			<a class="icon siklus nonhover" href="#">100</a>
			<a class="icon comment nonhover" href="#">20</a>
			<a class="icon like nonhover" href="#">3</a>
			<a class="icon hate nonhover" href="#">9k</a>
		</div>
	</div>
</div>
<div class="thumb grid_3">
	<div class="shadow title">
		<img class="imgthumb" src="{{ asset('bundles/asiahsiklus/images/thumb1.png') }}" alt="thumb1"/>
		<div class="info">
			<a href="#"> <h1>this is madness</h1> </a>
			<ul>
				<li>
					<a class="tags" href="#">satu</a>
				</li>
				<li>
					<a class="tags" href="#">dua</a>
				</li>
				<li>
					<a class="tags" href="#">sepuluh</a>
				</li>
			</ul>
		</div>
	</div>
	<div class="arrow"></div>
	<div class="prop">
		<div class="prop-icon">
			<a href="#"><img src="images/profile18.png" alt="profile"/> Yusufumar</a>
			<a class="icon left" href="#">repo</a>
			<a class="icon center" href="#">sha</a>
			<a class="icon right" href="#">boo</a>
		</div>
	</div>
</div>
<div class="thumb grid_3">
	<div class="shadow title">
		<img class="imgthumb" src="images/thumb1.png" alt="thumb1"/>
		<div class="info">
			<a href="#"> <h1>this is another crazy madness</h1> </a>
			<ul>
				<li>
					<a class="tags" href="#">satu</a>
				</li>
				<li>
					<a class="tags" href="#">dua</a>
				</li>
				<li>
					<a class="tags" href="#">sepuluh</a>
				</li>
			</ul>
		</div>
	</div>
	<div class="arrow"></div>
	<div class="prop">
		<div class="prop-icon">
			<a href="#"><img src="images/profile18.png" alt="profile"/> Yusufumar</a>
			<a class="icon left" href="#">repo</a>
			<a class="icon center" href="#">sha</a>
			<a class="icon right" href="#">boo</a>
		</div>
	</div>
</div>
<div class="thumb grid_3">
	<div class="shadow title">
		<img class="imgthumb" src="images/thumb1.png" alt="thumb1"/>
		<div class="info">
			<a href="#"> <h1>this is madness</h1> </a>
			<ul>
				<li>
					<a class="tags" href="#">satu</a>
				</li>
				<li>
					<a class="tags" href="#">dua</a>
				</li>
				<li>
					<a class="tags" href="#">sepuluh</a>
				</li>
			</ul>
		</div>
	</div>
	<div class="arrow"></div>
	<div class="prop">
		<div class="prop-icon">
			<a href="#"><img src="images/profile18.png" alt="profile"/> Yusufumar</a>
			<a class="icon left" href="#">repo</a>
			<a class="icon center" href="#">sha</a>
			<a class="icon right" href="#">boo</a>
		</div>
	</div>
</div>
{% endblock %} 
